<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		 <!--[if lt IE 9]>
    <script src="../js/jquery-1.11.3.js"></script>
    
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="../js/jquery-3.1.1.js"></script>
<!--<![endif]-->
<script type="text/javascript">
  
$(document).ready(function(){
	$("p:lang(it)").css("background-color","#008000");
	$("p:lang(en)").css("background-color","#00d0Fd");
	$("a[zdy$='.name']").css("background-color","#000999");
	$("a[href$='.org']").css("background-color","#999999");
	$("a[dtit|='xxx']").css("background-color","#999999");
	$("p[title|='Tomorrow']").css("background-color","yellow");
	$("a[ctit^='xxx']").css("background-color","#999999");
	//选择器选取每个带有指定属性且值包含指定单词的元素。提示：单词可以包含空格。
 	$("#div1 input[name~='nation']").css("background-color","yellow");
 	//选取所有带有包含字符串 "tr" 的 name 属性的 <input> 元素：
 	$("#div2 input[name*='tr']").css("background-color","yellow");

});
</script>
	</head>
	<body>
		
		
<h1>h1-欢迎访问我的主页</h1>
<p>p教程</p>
<p lang="it">Ciao bella!</p>
<p  lang="en-us">Ciaosss bella!</p>
<p  lang="en">Ciaosss bella!</p>
<p>p学的不仅是技术，更是梦想！</p>
<div lang="it">这是div  没有lang 属性</div> 
<span lang="it">这是span 没有lang 属性</span> 


<a href="www.runoob.com">教程</a><br>
<a href="http://www.google.com">Google.com</a><br>
<a href="http://www.wikipedia.org">wikipedia.org</a><br>
<br>
<a zdy='wf.com' href="www.runoob.com">教程</a><br>
<a zdy='wf.cn' href="http://www.google.com">Google.com</a><br>
<a zdy='wf.name' href="http://www.wikipedia.pp">wikipedia.org</a><br>
<br>
<a dtit='xxx-wf.com' href="www.runoob.com">教程</a><br>
<a dtit='xxx.wf.cn' href="http://www.google.com">Google.com</a><br>
<a dtit='zzz-wf.name' href="http://www.wikipedia.pp">wikipedia.org</a><br>
<br>
<a ctit='xxx-wf.com' href="www.runoob.com">教程</a><br>
<a ctit='xxx.wf.cn' href="http://www.google.com">Google.com</a><br>
<a ctit='zzz-wf.name' href="http://www.wikipedia.pp">wikipedia.org</a><br>

<br>

<p title="Tomorrow">这是一个段落。</p>
<p title="tomorrow">这是一个段落。</p>
<p title="Tom">这是一个段落。</p>
<p title="See You Tomorrow">这是一个段落。</p>
<p title="Tomorrow-the day after today">这是一个段落。</p>
<br>div1<br>
<div id="div1">
<input name ="nationality" type="text" value="Chinese"><br>
<input name="nation ds" type="text" value="English"><br>
<input name="country" type="text" value="Germany"><br>
<input name="anothernation" type="text" value="Norwegian"><br>
</div>
<br>div2<br>
<div id="div2">
	<input name ="nationality" type="text" value="Chinese"><br>
	<input name="nation ds" type="text" value="English"><br>
	<input name="country" type="text" value="Germany"><br>
	<input name="anothernation" type="text" value="Norwegian"><br>

</div>


	<br>div3<br>
<div id="div3">
<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
</div>
<script>
$(function () { 
	$( "#div3 input[id][name$='man']" ).val( "只有这个输入框" );
})
</script>
	</body>
</html>
